*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
}
.container{
	min-height:100vh; /* 整体 */
	display: grid; 
	grid-template-rows: 60px auto 60px;         
	grid-template-columns: 100px auto 100px;
	grid-row-gap:10px ;
	grid-column-gap:5px ;
	grid-template-areas: 
	"header header  header" 
	"aside main ad1 "
	". footer ."

}	
.container>*{
	border: 1px solid #FF0000;
}
.container>header{
	grid-area: header;
}
.container>aside{
	grid-area: aside;
}
.container>main{
	grid-area: main;
}
.container>.ad{
	grid-area: ad1;
}
.container>footer{
	grid-area: footer;
}